import { Component } from 'vue-facing-decorator'
import Render from '@/render/Render'
import toNative from '@/utils/toNative'
import BulletWork from './components/bullet-work/Index'
import BulletPaywage from './components/bullet-paywage/Index'
import Tabs from '@/components/tabs/Index'
import { TabPane } from 'ant-design-vue'
@Component
export class EmployeeCancellation extends Render {
    activeName = 'work'
    render() {
        return (
            <div class="p-20px h-full">
                <Tabs class="custom-tabs" v-model={this.activeName} >
                    <TabPane tab="子弹工作账号" key="work">
                        <BulletWork />
                    </TabPane>
                    <TabPane tab="子弹发薪账号" key="paywage">
                        <BulletPaywage />
                    </TabPane>
                </Tabs>
            </div>
        )
    }
}

export default toNative<{}, {}>(EmployeeCancellation)
